<template>
    <div class="guess">
        <h5>猜你喜欢</h5>
        <div class="recommond">
            <div class="left">
                <img src="../../../img/mxbc.jpg" alt="">
            </div>
            <div class="right">
                <p class="title">蜜雪冰城</p>
                <p class="explain">[多城市]招牌柠檬水</p>
                <div class="price">
                    <span id="red"><big>3.5</big>元</span>
                    <span>门市价￥4</span>
                </div>
            </div>
        </div>
        <div class="recommond">
            <div class="left">
                <img src="../../../img/wdmdg.jpg" alt="">
            </div>
            <div class="right">
                <p class="title">味多美蛋糕</p>
                <p class="explain">[多城市]老婆饼（单粒装）</p>
                <div class="price">
                    <span id="red"><big>1.25</big>元</span>
                    <span>门市价￥2.5</span>
                </div>
            </div>
        </div>
        <div class="recommond">
            <div class="left">
                <img src="../../../img/hls.jpg" alt="">
            </div>
            <div class="right">
                <p class="title">华莱士·全鸡汉堡</p>
                <p class="explain">[多城市]牛气冲天三件套</p>
                <div class="price">
                    <span id="red"><big>13.5</big>元</span>
                    <span>门市价￥25</span>
                </div>
            </div>
        </div>
        <div class="recommond">
            <div class="left">
                <img src="../../../img/cbd.jpg" alt="">
            </div>
            <div class="right">
                <p class="title">茶百道</p>
                <p class="explain">[多城市]爆品-冷萃茶 2 选 1</p>
                <div class="price">
                    <span id="red"><big>6.66</big>元</span>
                    <span>门市价￥8</span>
                </div>
            </div>
        </div>
        <div class="recommond">
            <div class="left">
                <img src="../../../img/hbw.jpg" alt="">
            </div>
            <div class="right">
                <p class="title">汉堡王</p>
                <p class="explain">[多城市]【单人餐】狠霸王牛堡+鸡块+小薯+中<br>可_10074_汉堡王</p>
                <div class="price">
                    <span id="red"><big>27.5</big>元</span>
                    <span>门市价￥55</span>
                </div>
            </div>
        </div>
        <div class="recommond">
            <div class="left">
                <img src="../../../img/atdx.jpg" alt="">
            </div>
            <div class="right">
                <p class="title">阿田大虾</p>
                <p class="explain">[多城市]阿田大虾二人套餐</p>
                <div class="price">
                    <span id="red"><big>67</big>元</span>
                    <span>门市价￥115</span>
                </div>
            </div>
        </div>
        <div class="recommond">
            <div class="left">
                <img src="../../../img/ygx.jpg" alt="">
            </div>
            <div class="right">
                <p class="title">拾来运转一锅鲜</p>
                <p class="explain">[多城市]吉祥如意四人餐</p>
                <div class="price">
                    <span id="red"><big>168</big>元</span>
                    <span>门市价￥298.5</span>
                </div>
            </div>
        </div>
        <div class="recommond">
            <div class="left">
                <img src="../../../img/hg.jpg" alt="">
            </div>
            <div class="right">
                <p class="title">蜀大侠龙头火锅</p>
                <p class="explain">[多城市]冰粉</p>
                <div class="price">
                    <span id="red"><big>1.99</big>元</span>
                    <span>门市价￥6</span>
                </div>
            </div>
        </div>
        <div class="recommond">
            <div class="left">
                <img src="../../../img/xc.jpg" alt="">
            </div>
            <div class="right">
                <p class="title">湘帅·湖南菜</p>
                <p class="explain">[多城市]湘菜2人套餐（可打包）</p>
                <div class="price">
                    <span id="red"><big>88</big>元</span>
                    <span>门市价￥165</span>
                </div>
            </div>
        </div>
        <div class="recommond">
            <div class="left">
                <img src="../../../img/dg.png" alt="">
            </div>
            <div class="right">
                <p class="title">欢聚蛋糕</p>
                <p class="explain">[多城市]8 英寸大促价低脂奶油水果蛋糕-好吃不<br>贵炒鸡实惠-多图可选-老少皆宜 15 选 1</p>
                <div class="price">
                    <span id="red"><big>19.9</big>元</span>
                    <span>门市价￥168</span>
                </div>
            </div>
        </div>
        <div class="look">
            查看全部团购
        </div>
    </div>
</template>

<script>
</script>

<style lang="scss" scoped>
.guess{
    width: 710px;
    padding: 26px 20px 0;
    h5{
        font-size: 32px;
        color: #333;
        margin-bottom: 20px;
    }
    .recommond{
        width: 100%;
        height: 164px;
        padding: 14px 0;
        display: flex;
        border-top: 2px solid #ddd8ce;
        .left{
            width: 180px;
            height: 164px;
            font-size: 30px;
            color: #333;
            overflow: hidden;
            background-size: cover;
            background-position: 100% 100%;
            position: relative;
            img{
                width: 270px;
                height: 164px;
                position: absolute;
                left: -50px;
            }
        }
        .right{
            font-size: 24px;
            color: #666;
            margin-left: 20px;
            .price{
                color: #666;
                font-size: 24px;
                margin-top: 35px;
                #red{
                    color: #FF6600;
                    font-size: 24px;
                    big{
                        font-size: 36px;
                    }
                }
            }
        }
    }
    .look{
        width: 710px;
        line-height: 80px;
        border-top: 2px solid #ddd8ce;
        border-bottom: 2px solid #ddd8ce;
        font-size: 30px;
        color: #fe8c00;
    }
}
</style>